import  { createBrowserRouter,Navigate }  from 'react-router-dom'
import Main from '../pages/main'
import Home from '../pages/home'
import Mall from "../pages/mall"
import User from "../pages/user"
import PageOne from "../pages/other/pageOne"
import PageTwo from "../pages/other/pageTwo"
import Login from "../pages/login"
const routes  = [
    {
        path: '/',
        Component: Main,
        children: [
            // 重定向
            {
              path: '/',
              element: <Navigate to={"home"} replace />
            },
            {
                path: 'home',
                Component: Home
            },
            {
                path: 'mall',
                Component: Mall
            },
            {
                path: 'user',
                Component: User
            },
            {
                path: 'other',
                children: [
                    {
                        path: 'pageone',
                        Component: PageOne
                    },
                    {
                        path: 'pagetwo',
                        Component: PageTwo
                    }
                ],
            }
        ]
    },
    {
        path: '/login',
        Component: Login
    }
]

export default createBrowserRouter(routes)
